﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/index.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <!--轮播图js-->
    <script type="text/javascript" src="js/script.js"></script>
    <!--轮播图js end-->
    <!-- 在<head>标签中引入Vue.js -->


    <link  href="http://47.106.66.89:8080/js/ele-2.15.7/theme-chalk/index.css" rel="stylesheet">
    <script src="http://47.106.66.89:8080/js/ele-2.15.7/index.js"></script>
    <script src="/market-user/login/js/login.js"></script>
    <script src="http://47.106.66.89:8080/js/axios.min.js"></script>
    <script src="http://47.106.66.89:8080/js/vue.min.js"></script>
</head>
<body>
<div id="app">
<!--header-->
<div class="header2" >
 <div class="header-box">
<div class="header">
<div class="header-left-title">
<div class="welcome"><img  class="icon" src="images/icon/welcome.png" alt="">&nbsp;欢迎来到<a href="">AnJunDCM官网</a>!</div>
    <div class="login">&nbsp;&nbsp;&nbsp;
        <login route="/market-user" >
            <template #nologin></template>
        </login>
    </div>
</div>
    <div class="header-center-title">
<ul>
    <login route="/market-user" >
                <template #logined="a">
                    <li  class="headerLogin" style="display: list-item;">
                        {{a.user.uname}}
                    </li>
                    <li><a href="home/user.html">我的AnJun</a></li>
                    <li><a href="cart.html">购物车</a><span class="count">1</span></li>
                    <li><a href="">我的订单</a></li>
                    <li><a href="">收藏网站</a></li>
                    <li><a href="">积分</a></li>
                    <li><a href="/market-user/login/logout">退出</a></li>
                </template>-->
    </login>




</ul>


 </div>
    <div class="header_right_title">
<ul>
    <li><a href="">我要供货</a></li>
    <li><a href="">客服中心<i class="kefu-icon"><img src="images/kefu.png" alt="" width="20" height="20"></i></a></li>

</ul>

    </div>


</div>
    <div class="header-nav-box">
<div class="nav">
<div class="nav-logo">
    <a href="" class="logo"><img src="images/logo.png" alt=""></a>
</div>
<div class="nav-search-box">
    <form action="" name="fomr1">
<div class="nav-search">
<div class="bar1">
    <input type="text" placeholder="请输入您要搜索的内容..." class="text"><button type="submit" class="btn">搜索</button>
    </div>
<div class="search-key">
    <span class="key-title">热搜词汇:</span>
    <div class="key">
    <ul>
        <li><a href="">手机</a></li>
        <li><a href="">电子产品</a></li>
        <li><a href="">衣服</a></li>
        <li><a href="">鞋子</a></li>
        <li><a href="">鞋子</a></li>
        <li><a href="">鞋子</a></li>
        <li><a href="">鞋子</a></li>
        <li><a href="">鞋子</a></li>
        <li><a href="">鞋子</a></li>
    </ul>
    </div>
</div>
</div>
    </form>
</div>
    <div class="wechat-box">
<ul>
    <li><img src="images/app.jpg" alt="" width="110" height="110"></li>
    <li><img src="images/app.jpg" alt="" width="110" height="110"></li>
</ul>
    </div>

</div>
        <div class="nav-daohang">
            <div class="daohang">
            <ul>
<!--                <li><a href="goods.html">全部分类</a></li>-->
                <li><a href="index.html">首页</a></li>
                <li><a href=""> 选品采购</a></li>
                <li><a href="daigou.html">指定代购</a></li>
                <li><a href="need.html"> 需求提交</a></li>
                <li><a href="">个性定制</a></li>
                <li><a href="wl-case.html">物流方案</a></li>
                <li><a href="join.html">我要入驻</a></li>
                <li><a href="us.html">关于我们</a></li>

            </ul></div>
        </div>

    </div>
</div>
</div>
<!--hearder end!-->

<!--main-->
<div class="main-box">
    <div class="main">
        <!--main left-->
<div class="main-left">
    <!--左侧菜单-->
    <div class="sec-mainL left">
        <div class="mainL-hd-box">
            <h2 class="mainL-hd"><a href="goods.html" target="_blank">全部商品分类</a></h2>
        </div>
        <!--菜单列表-->
        <ul class="sec-mainNav">
            <li>
                <h3>男女时装</h3>
                <div class="menu-tab">
                    <a href="goods.html?type=帽子">帽子</a>
                    <a href="goods.html?type=衣服">衣服</a>
                    <a href="goods.html">休闲衣服</a>
                    <a href="goods.html?type=裤子">裤子</a>
                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="goods.html?type=衣服">衣服</a>
                            <a href="goods.html?type=帽子">帽子</a>
                            <a href="goods.html">休闲衣服</a>
                            <a href="goods.html?type=裤子">裤子</a>
                            <a href="goods.html">裙子</a>
                            <a href="goods.html">夹克</a>
                            <a href="goods.html">毛衣</a>
                            <a href="goods.html">法式风格</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="images/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>
                <h3>内衣 配饰</h3>
                <div class="menu-tab">
                    <a href="">美食特产</a>
                    <a href="">酒水茶叶</a>
                    <a href="">蛋糕预订</a>
                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">美食特产</a>
                            <a href="">酒水茶叶</a>
                            <a href="">蛋糕预订</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="images/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>
                <h3>鞋靴 箱包</h3>
                <div class="menu-tab">
                    <a href="">鞋靴</a>
                    <a href="">箱包</a>

                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">鞋靴</a>
                            <a href="">箱包</a>

                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="images/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>
                <h3>运动 户外</h3>
                <div class="menu-tab">
                    <a href="">运动</a>
                    <a href="">户外</a>
                    <a href="">护具</a>
                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">运动</a>
                            <a href="">户外</a>
                            <a href="">护具</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="images/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>
                <h3>家居 百货</h3>
                <div class="menu-tab">
                    <a href="">家居</a>
                    <a href="">百货</a>
                    <a href=""></a>
                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">家居</a>
                            <a href="">百货</a>

                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="images/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>
                <h3>家纺 家饰</h3>
                <div class="menu-tab">
                    <a href="">家纺</a>
                    <a href="">家饰</a>

                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">家纺</a>
                            <a href="">家饰 </a>

                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="images/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>
                <h3>童装 母婴 玩具</h3>
                <div class="menu-tab">
                    <a href="">童装</a>
                    <a href="">母婴</a>
                    <a href="">玩具</a>
                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">童装</a>
                            <a href="">母婴</a>
                            <a href="">玩具</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="images/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>
                <h3>数码 家电</h3>
                <div class="menu-tab">
                    <a href="">数码</a>
                    <a href="">家电</a>
                    <a href="">配件</a>
                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">数码</a>
                            <a href="">家电</a>
                            <a href="">配件</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="images/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
            <li>
                <h3>美容化妆  个护家清</h3>
                <div class="menu-tab">
                    <a href="">美容</a>
                    <a href="">化妆</a>
                    <a href="">个户家清</a>
                    <div class="fix"></div>
                </div>
                <span class="menu-more">更多</span>
                <!--二级菜单-->
                <div class="menu-panel">
                    <div class="menu-panel-hd">
                        <h4>热门分类</h4>
                        <div class="sub-group">
                            <a href="">美容</a>
                            <a href="">化妆</a>
                            <a href="">个户家清</a>
                        </div>
                    </div>
                    <div class="menu-panel-bd">
                        <ul>
                            <li>
                                <a href=""><img src="images/0.png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (1).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (2).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0 (3).png" /></a>
                            </li>
                            <li>
                                <a href=""><img src="images/0.jpg" /></a>
                            </li>
                        </ul>
                    </div>
                    <a href="" class="menu-panel-btn">
                        <span>查看全部商家</span>
                        <em></em>
                    </a>
                </div>
            </li>
        </ul>
    </div>

</div>
<!--main left-->
        <div class="main-center">
<!--轮播图-->
            <div id="flash">
                <div id="prev"><img src="images/prev.png"  width="40" height="40" alt=""></div>
                <div id="next"><img src="images/next.png"  width="40" height="40" alt=""></div>
                <ul id="play">
                    <li style="display: block;"><img src="images/banner1.png" alt="" width="900" height="400" /></li>
                    <li><img src="images/banner2.png" alt=""  width="900" height="400"/></li>
                    <li><img src="images/banner1.png" alt=""  width="900" height="400"/></li>
                    <li><img src="images/banner2.png" alt=""  width="900" height="400"/></li>
                    <li><img src="images/banner1.png" alt=""  width="900" height="400"/></li>
                    <li><img src="images/banner2.png" alt=""  width="900" height="400"/></li>
                    </ul>
                    <ul id="button">
                       <li><div style="background: #A10000;">1</div></li>
                        <li><div>2</div></li>
                        <li><div>3</div></li>
                        <li><div>4</div></li>
                        <li><div>5</div></li>
                        <li><div>6</div></li>
                    </ul>
            </div>
            <!--轮播图end-->
            <div class="main-bottom">
<ul>
    <li><a href=""><img src="images/1.jpg" title="健康防护"></a></li>
    <li><a href=""><img src="images/2.jpg" title="趣味家居"></a></li>
    <li><a href=""><img src="images/3.jpg" title="美味生活"></a></li>

</ul>

            </div>
            <div class="main-bottom-case">
                <ul>
                    <li><a href=""><img src="images/pinpai.png" alt=""></a></li>
                    <li><a href=""><img src="images/vi.png" alt=""></a></li>
                    <li><a href=""><img src="images/dingzhi.jpg" alt=""></a></li>
                    <li><a href=""><img src="images/kucun.png" alt=""></a></li>
                </ul>
            </div>

        </div>

        <div class="login-box">
 <div class="login-title">
<span class="log-img"><img src="images/log.png" width="50" height="50" alt=""></span>
     <span class="log-text">
<ul>
    <li><a href="">亲，下午好！</a></li>
    <li><a href="">新人福利领取~</a></li>
</ul></span>

     <div class="log-main">
         <ul>
             <li><img src="images/log2.png" width="25" height="25" alt="">&nbsp;<input type="text" class="log-int"></li>
             <li><img src="images/psw.png" width="25" height="25" alt="">&nbsp;<input type="password" class="log-int"></li>
             <li><button type="submit" class="log-go">登录</button></li>
             <li><button type="submit" class="log-go">注册</button></li>
         </ul>
         <div class="log-list">
             <ul>
                 <li class="li1"><a href="">
                     <img  class="icon" src="images/icon/liwu.png" alt="" width="14" height="14">
<span>新人福利</span></a>
                 </li>
                 <li class="li2"><a href="">
                     <img  class="icon" src="images/icon/vip.png" alt="" width="14" height="14">
                     <span>会员权利</span></a>
                 </li>
                 <li class="li3"><a href="">
                     <img  class="icon" src="images/icon/tuijian.png" alt="" width="14" height="14">
                     <span>推荐有奖</span></a></li>
                 <li class="li4"><a href="">
                     <img  class="icon" src="images/icon/huiyuan.png" alt="" width="14" height="14">
                     <span>会员中心</span></a></li>
                 <li class="li5"><a href="">
                     <img  class="icon" src="images/icon/order.png" alt="" width="15" height="15">
                     <span>订单查询</span></a></li>
                 <li class="li6"><a href="">
                     <img  class="icon" src="images/vip.png" alt="" width="15" height="15">
                     <span>我的积分</span></a></li>
             </ul>

         </div>
     </div>


 </div>

        </div>

        <div class="msg-box">

            <div id="tab">
<!--                <h3 class="active" id="two1" onmouseover="setContentTab(&#39;two&#39;,1,3)">公告</h3>-->
<!--                <h3 id="two2" onmouseover="setContentTab(&#39;two&#39;,2,3)">规则</h3>-->
<!--                <h3 id="two3" onmouseover="setContentTab(&#39;two&#39;,3,3)">新手入门</h3>-->

                <div class="content" id="con_two_1">
                    <ul class="tab-margin">
                        <li><a href="">安骏DS官网隆重上线!&nbsp<span>2020-5-9</span></a></li>
                        <li><a href="" title="安骏DS官网隆重上线！">安骏DS官网隆重上线！&nbsp<span>2020-5-9</span></a></li>
                        <li><a href="">安骏DS官网隆重上线！&nbsp<span>2020-5-9</span></a></li>
                        <li><a href="">安骏DS官网隆重上线！&nbsp<span>2020-5-9</span></a></li>
                        <li><a href="">安骏DS官网隆重上线！&nbsp<span>2020-5-9</span></a></li>
                        <li><a href="">安骏DS官网隆重上线！&nbsp<span>2020-5-9</span></a></li>

                    </ul>
                </div>

                <div id="con_two_2">
                    <ul class="tab-margin">
                        <li><a href="">新手入门22</a></li>
                        <li><a href="">新手入门2</a></li>
                        <li><a href="">新手入门2</a></li>
                        <li><a href="">新手入门2</a></li>
                    </ul></div>
                <div id="con_two_3">
                    <ul class="tab-margin">
                        <li><a href="">新手入门3</a></li>
                        <li><a href="">新手入门3</a></li>
                        <li><a href="">新手入门3</a></li>
                        <li><a href="">新手入门3</a></li>
                    </ul></div>


            </div>

        </div>



    </div>

    <div class="solid"></div>
    <!--main products-->

    <div   class="products-box">
<div class="products-title">
<span class="rq">热门商品<img src="images/icon/tuijian.png" alt="" width="30" height="30"></span>
    <span class="tishi">温馨提示：根据您的浏览为您推荐</span>
    <span class="all-title"><a href="">查看全部</a></span>
</div>

        <!--循环products-->
        <div   class="products" v-for="item in hots">
<div class="products-img">
    <a :href="'products_show.html?gid=' + item.gid"  title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img :src="item.gimage" alt=""></a>
    <span class="hot-label"><img src="images/hot.png" alt=""></span>
</div>
            <div class="products-title2">
                <a :href="'products_show.html?gid=' + item.gid" >{{item.gdesc}}</a>
            </div>
            <div class="products-title3">
                <ul>
                <li><a class="procuts-label" title="包邮">包邮</a></li>
                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>
                    <li><a class="procuts-label" title="满100减">满100元减</a></li>
                </ul>
            </div>
            <div class="products-piece">
                <span class="piece" title="￥1499.00">￥1499.00</span>
                <span class="count" title="已售99件">已售99件</span>
            </div>


        </div>
<!--循环products-->

<!--        &lt;!&ndash;循环products&ndash;&gt;-->
<!--        <div class="products">-->
<!--            <div class="products-img">-->
<!--                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>-->
<!--                <span class="hot-label"><img src="images/hot.png" alt=""></span>-->
<!--            </div>-->
<!--            <div class="products-title2">-->
<!--                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>-->
<!--            </div>-->
<!--            <div class="products-title3">-->
<!--                <ul>-->
<!--                    <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                    <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--            <div class="products-piece">-->
<!--                <span class="piece" title="￥1499.00">￥1499.00</span>-->
<!--                <span class="count" title="已售99件">已售99件</span>-->
<!--            </div>-->


<!--        </div>-->
<!--        &lt;!&ndash;循环products&ndash;&gt;-->

<!--        &lt;!&ndash;循环products&ndash;&gt;-->
<!--        <div class="products">-->
<!--            <div class="products-img">-->
<!--                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>-->
<!--                <span class="hot-label"><img src="images/hot.png" alt=""></span>-->
<!--            </div>-->
<!--            <div class="products-title2">-->
<!--                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>-->
<!--            </div>-->
<!--            <div class="products-title3">-->
<!--                <ul>-->
<!--                    <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                    <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--            <div class="products-piece">-->
<!--                <span class="piece" title="￥1499.00">￥1499.00</span>-->
<!--                <span class="count" title="已售99件">已售99件</span>-->
<!--            </div>-->


<!--        </div>-->
<!--        &lt;!&ndash;循环products&ndash;&gt;-->

<!--        &lt;!&ndash;循环products&ndash;&gt;-->
<!--        <div class="products">-->
<!--            <div class="products-img">-->
<!--                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>-->
<!--                <span class="hot-label"><img src="images/hot.png" alt=""></span>-->
<!--            </div>-->
<!--            <div class="products-title2">-->
<!--                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>-->
<!--            </div>-->
<!--            <div class="products-title3">-->
<!--                <ul>-->
<!--                    <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                    <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--            <div class="products-piece">-->
<!--                <span class="piece" title="￥1499.00">￥1499.00</span>-->
<!--                <span class="count" title="已售99件">已售99件</span>-->
<!--            </div>-->


<!--        </div>-->
<!--        &lt;!&ndash;循环products&ndash;&gt;-->

<!--        &lt;!&ndash;循环products&ndash;&gt;-->
<!--        <div class="products">-->
<!--            <div class="products-img">-->
<!--                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>-->
<!--                <span class="hot-label"><img src="images/hot.png" alt=""></span>-->
<!--            </div>-->
<!--            <div class="products-title2">-->
<!--                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>-->
<!--            </div>-->
<!--            <div class="products-title3">-->
<!--                <ul>-->
<!--                    <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                    <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--            <div class="products-piece">-->
<!--                <span class="piece" title="￥1499.00">￥1499.00</span>-->
<!--                <span class="count" title="已售99件">已售99件</span>-->
<!--            </div>-->


<!--        </div>-->
<!--        &lt;!&ndash;循环products&ndash;&gt;-->

<!--        &lt;!&ndash;循环products&ndash;&gt;-->
<!--        <div class="products">-->
<!--            <div class="products-img">-->
<!--                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>-->
<!--                <span class="hot-label"><img src="images/hot.png" alt=""></span>-->
<!--            </div>-->
<!--            <div class="products-title2">-->
<!--                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>-->
<!--            </div>-->
<!--            <div class="products-title3">-->
<!--                <ul>-->
<!--                    <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                    <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--            <div class="products-piece">-->
<!--                <span class="piece" title="￥1499.00">￥1499.00</span>-->
<!--                <span class="count" title="已售99件">已售99件</span>-->
<!--            </div>-->


<!--        </div>-->
<!--        &lt;!&ndash;循环products&ndash;&gt;-->

<!--        &lt;!&ndash;循环products&ndash;&gt;-->
<!--        <div class="products">-->
<!--            <div class="products-img">-->
<!--                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>-->
<!--                <span class="hot-label"><img src="images/hot.png" alt=""></span>-->
<!--            </div>-->
<!--            <div class="products-title2">-->
<!--                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>-->
<!--            </div>-->
<!--            <div class="products-title3">-->
<!--                <ul>-->
<!--                    <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                    <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--            <div class="products-piece">-->
<!--                <span class="piece" title="￥1499.00">￥1499.00</span>-->
<!--                <span class="count" title="已售99件">已售99件</span>-->
<!--            </div>-->


<!--        </div>-->
<!--        &lt;!&ndash;循环products&ndash;&gt;-->

<!--        &lt;!&ndash;循环products&ndash;&gt;-->
<!--        <div class="products">-->
<!--            <div class="products-img">-->
<!--                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>-->
<!--                <span class="hot-label"><img src="images/hot.png" alt=""></span>-->
<!--            </div>-->
<!--            <div class="products-title2">-->
<!--                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>-->
<!--            </div>-->
<!--            <div class="products-title3">-->
<!--                <ul>-->
<!--                    <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                    <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--            <div class="products-piece">-->
<!--                <span class="piece" title="￥1499.00">￥1499.00</span>-->
<!--                <span class="count" title="已售99件">已售99件</span>-->
<!--            </div>-->


<!--        </div>-->
<!--        &lt;!&ndash;循环products&ndash;&gt;-->

<!--        &lt;!&ndash;循环products&ndash;&gt;-->
<!--        <div class="products">-->
<!--            <div class="products-img">-->
<!--                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>-->
<!--                <span class="hot-label"><img src="images/hot.png" alt=""></span>-->
<!--            </div>-->
<!--            <div class="products-title2">-->
<!--                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>-->
<!--            </div>-->
<!--            <div class="products-title3">-->
<!--                <ul>-->
<!--                    <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                    <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--            <div class="products-piece">-->
<!--                <span class="piece" title="￥1499.00">￥1499.00</span>-->
<!--                <span class="count" title="已售99件">已售99件</span>-->
<!--            </div>-->


<!--        </div>-->
<!--        &lt;!&ndash;循环products&ndash;&gt;-->

<!--        &lt;!&ndash;循环products&ndash;&gt;-->
<!--        <div class="products">-->
<!--            <div class="products-img">-->
<!--                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>-->
<!--                <span class="hot-label"><img src="images/hot.png" alt=""></span>-->
<!--            </div>-->
<!--            <div class="products-title2">-->
<!--                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>-->
<!--            </div>-->
<!--            <div class="products-title3">-->
<!--                <ul>-->
<!--                    <li><a class="procuts-label" title="包邮">包邮</a></li>-->
<!--                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>-->
<!--                    <li><a class="procuts-label" title="满100减">满100元减</a></li>-->
<!--                </ul>-->
<!--            </div>-->
<!--            <div class="products-piece">-->
<!--                <span class="piece" title="￥1499.00">￥1499.00</span>-->
<!--                <span class="count" title="已售99件">已售99件</span>-->
<!--            </div>-->


<!--        </div>-->
<!--        &lt;!&ndash;循环products&ndash;&gt;-->






    </div>
    <!--main products end!-->

</div>
<!--main end!-->

<!--优惠活动-->
<div class="youhui-products-box">
    <div class="youhui">
    <div class="products-title">
        <span class="rq">{{promotion.title   }}秒杀活动<img src="images/icon/tuijian.png" alt="" width="30" height="30"></span>
        <span class="tishi">温馨提示：根据您的浏览为您推荐{{promotion.createtime}}{{promotion.status==0 ? '即将开始' : '即将结束'}}</span>
        <span class="all-title"><a href="">查看全部</a></span>
    </div>

    <!--循环products-->
    <div class="products" v-for="d in promotion.details">
        <div class="products-img">
            <a :href="'products_show.html?id='+d.mgoods.gid" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>
            <span class="hot-label"><img :src="d.mgoods.gimage" alt=""></span>
        </div>
        <div class="products-title2">
            <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>
        </div>
        <div class="products-title3">
            <ul>
                <li><a class="procuts-label" title="包邮">包邮</a></li>
                <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>
                <li><a class="procuts-label" title="满100减">满100元减</a></li>
            </ul>
        </div>
        <div class="products-piece">
            <span class="piece" title="￥1499.00">￥1499.00</span>
            <span class="count" title="已售99件">已售99件</span>
        </div>


    </div>
    <!--循环products-->

        <!--循环products-->
        <div class="products">
            <div class="products-img">
                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>
                <span class="hot-label"><img src="images/hot.png" alt=""></span>
            </div>
            <div class="products-title2">
                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>
            </div>
            <div class="products-title3">
                <ul>
                    <li><a class="procuts-label" title="包邮">包邮</a></li>
                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>
                    <li><a class="procuts-label" title="满100减">满100元减</a></li>
                </ul>
            </div>
            <div class="products-piece">
                <span class="piece" title="￥1499.00">￥1499.00</span>
                <span class="count" title="已售99件">已售99件</span>
            </div>


        </div>
        <!--循环products-->

        <!--循环products-->
        <div class="products">
            <div class="products-img">
                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>
                <span class="hot-label"><img src="images/hot.png" alt=""></span>
            </div>
            <div class="products-title2">
                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>
            </div>
            <div class="products-title3">
                <ul>
                    <li><a class="procuts-label" title="包邮">包邮</a></li>
                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>
                    <li><a class="procuts-label" title="满100减">满100元减</a></li>
                </ul>
            </div>
            <div class="products-piece">
                <span class="piece" title="￥1499.00">￥1499.00</span>
                <span class="count" title="已售99件">已售99件</span>
            </div>


        </div>
        <!--循环products-->

        <!--循环products-->
        <div class="products">
            <div class="products-img">
                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>
                <span class="hot-label"><img src="images/hot.png" alt=""></span>
            </div>
            <div class="products-title2">
                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>
            </div>
            <div class="products-title3">
                <ul>
                    <li><a class="procuts-label" title="包邮">包邮</a></li>
                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>
                    <li><a class="procuts-label" title="满100减">满100元减</a></li>
                </ul>
            </div>
            <div class="products-piece">
                <span class="piece" title="￥1499.00">￥1499.00</span>
                <span class="count" title="已售99件">已售99件</span>
            </div>


        </div>
        <!--循环products-->

        <!--循环products-->
        <div class="products">
            <div class="products-img">
                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>
                <span class="hot-label"><img src="images/hot.png" alt=""></span>
            </div>
            <div class="products-title2">
                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>
            </div>
            <div class="products-title3">
                <ul>
                    <li><a class="procuts-label" title="包邮">包邮</a></li>
                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>
                    <li><a class="procuts-label" title="满100减">满100元减</a></li>
                </ul>
            </div>
            <div class="products-piece">
                <span class="piece" title="￥1499.00">￥1499.00</span>
                <span class="count" title="已售99件">已售99件</span>
            </div>


        </div>
        <!--循环products-->

        <!--循环products-->
        <div class="products">
            <div class="products-img">
                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>
                <span class="hot-label"><img src="images/hot.png" alt=""></span>
            </div>
            <div class="products-title2">
                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>
            </div>
            <div class="products-title3">
                <ul>
                    <li><a class="procuts-label" title="包邮">包邮</a></li>
                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>
                    <li><a class="procuts-label" title="满100减">满100元减</a></li>
                </ul>
            </div>
            <div class="products-piece">
                <span class="piece" title="￥1499.00">￥1499.00</span>
                <span class="count" title="已售99件">已售99件</span>
            </div>


        </div>
        <!--循环products-->

        <!--循环products-->
        <div class="products">
            <div class="products-img">
                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>
                <span class="hot-label"><img src="images/hot.png" alt=""></span>
            </div>
            <div class="products-title2">
                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>
            </div>
            <div class="products-title3">
                <ul>
                    <li><a class="procuts-label" title="包邮">包邮</a></li>
                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>
                    <li><a class="procuts-label" title="满100减">满100元减</a></li>
                </ul>
            </div>
            <div class="products-piece">
                <span class="piece" title="￥1499.00">￥1499.00</span>
                <span class="count" title="已售99件">已售99件</span>
            </div>


        </div>
        <!--循环products-->

        <!--循环products-->
        <div class="products">
            <div class="products-img">
                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>
                <span class="hot-label"><img src="images/hot.png" alt=""></span>
            </div>
            <div class="products-title2">
                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>
            </div>
            <div class="products-title3">
                <ul>
                    <li><a class="procuts-label" title="包邮">包邮</a></li>
                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>
                    <li><a class="procuts-label" title="满100减">满100元减</a></li>
                </ul>
            </div>
            <div class="products-piece">
                <span class="piece" title="￥1499.00">￥1499.00</span>
                <span class="count" title="已售99件">已售99件</span>
            </div>


        </div>
        <!--循环products-->

        <!--循环products-->
        <div class="products">
            <div class="products-img">
                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>
                <span class="hot-label"><img src="images/hot.png" alt=""></span>
            </div>
            <div class="products-title2">
                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>
            </div>
            <div class="products-title3">
                <ul>
                    <li><a class="procuts-label" title="包邮">包邮</a></li>
                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>
                    <li><a class="procuts-label" title="满100减">满100元减</a></li>
                </ul>
            </div>
            <div class="products-piece">
                <span class="piece" title="￥1499.00">￥1499.00</span>
                <span class="count" title="已售99件">已售99件</span>
            </div>


        </div>
        <!--循环products-->

        <!--循环products-->
        <div class="products">
            <div class="products-img">
                <a href="products_show.html" title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img src="images/products1.jpg" alt=""></a>
                <span class="hot-label"><img src="images/hot.png" alt=""></span>
            </div>
            <div class="products-title2">
                <a href="products_show.html">荣耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~</a>
            </div>
            <div class="products-title3">
                <ul>
                    <li><a class="procuts-label" title="包邮">包邮</a></li>
                    <li><a class="procuts-label" title="支持花呗">支持花呗</a></li>
                    <li><a class="procuts-label" title="满100减">满100元减</a></li>
                </ul>
            </div>
            <div class="products-piece">
                <span class="piece" title="￥1499.00">￥1499.00</span>
                <span class="count" title="已售99件">已售99件</span>
            </div>


        </div>
        <!--循环products-->

    </div>
</div>
<!--优惠活动end-->



<!--流程-->

<div class="liucheng-box">
<div class="liucheng">

<div class="liucheng-content">
<div class="liucheng-title"><span><img src="images/icon/zhinan2.png" alt="" width="50" height="50">&nbsp;新手指南</span></div>
<div class="liucheng-message">安骏DS官网是做什么的?怎么加入会员，怎么注册帐号?怎么入驻?我是新手,怎么使用安骏的DS仓储系统?</div>
    <div class="liaojie-btn"><a href="">查看详情</a></div>
</div>

    <div class="liucheng-content">
        <div class="liucheng-title"><span><img src="images/icon/cangku.png" alt="" width="50" height="50">&nbsp;供应商入驻</span></div>
        <div class="liucheng-message">入驻平台轻松获得源源不断的靠谱订单，降低市场开拓成本,作为核心企业供应商，获得全业务场景曝光</div>
        <div class="liaojie-btn"><a href="">查看详情</a></div>
    </div>

    <div class="liucheng-content">
        <div class="liucheng-title"><span><img src="images/icon/zhifu2.png" alt="" width="50" height="50">&nbsp;支付方式</span></div>
        <div class="liucheng-message">安骏DS官网支付方式支持多个平台，微信，支付宝，银联，前海支付，信用卡等多种方式,满足广大客户需求。</div>
        <div class="liaojie-btn"><a href="">查看详情</a></div>
    </div>

    <div class="liucheng-content">
        <div class="liucheng-title"><span><img src="images/icon/daifa.png" alt="" width="50" height="50">&nbsp;一件代发</span></div>
        <div class="liucheng-message">安骏提供仓储系统，提供一件代发，为客户解决积压货物烦恼，为客户节省更多开支~！</div>
        <div class="liaojie-btn"><a href="">查看详情</a></div>
    </div>

    <div class="liucheng-content">
        <div class="liucheng-title"><span><img src="images/icon/yunshu.png" alt="" width="50" height="50">&nbsp;运输方案</span></div>
        <div class="liucheng-message">安骏自身拥有多年跨境经验，可为客户提供多种运输渠道方案，快速，安全，价格透明。</div>
        <div class="liaojie-btn"><a href="">查看详情</a></div>
    </div>

</div>

</div>
<!--流程end-->
<!--footer-->
<div class="footer-box">
<div class="footer-list-box">
    <div class="footer-list">
    <ul><img src="images/icon/about.png" alt="" width="20" height="20">&nbsp;关于我们
        <li class="magin"><a href="">关于安骏</a></li>
        <li><a href="">产品服务</a></li>
        <li><a href="">联系我们</a></li>
        <li><a href="">企业文化</a></li>
    </ul>
</div>

    <div class="footer-list">
        <ul><img src="images/icon/zhinan.png" alt="" width="20" height="20">&nbsp;新手指南
            <li class="magin"><a href="">新手福利</a></li>
            <li><a href="">推荐有奖</a></li>
            <li><a href="">会员中心</a></li>
            <li><a href="">我的积分</a></li>
            <li><a href="">客服中心</a></li>
        </ul>
    </div>

    <div class="footer-list">
        <ul><img src="images/icon/zhifu.png" alt="" width="20" height="20">&nbsp;支付方式
            <li class="magin"><a href="">支付宝</a></li>
            <li><a href="">WeChat</a></li>
            <li><a href="">前海支付</a></li>
            <li><a href="">银联支付</a></li>
            <li><a href="">其它支付</a></li>
        </ul>
    </div>

    <div class="footer-list">
        <ul><img src="images/icon/daohang.png" alt="" width="20" height="20">&nbsp;网站导航
            <li class="magin"><a href="">选品采购</a></li>
            <li><a href="">指定代购</a></li>
            <li><a href="">需求提交</a></li>
            <li><a href="">我要入驻</a></li>
            <li><a href="http://www.bootstrapmb.com/">系统登录</a></li>
        </ul>
    </div>

    <div class="footer-list">
        <ul><img src="images/kefu.png" alt="" width="20" height="20">&nbsp;客服电话：
            <li class="magin" id="phone"><a href="">0755-12345678</a></li>
            <li><a href="">地址：深圳市龙岗区坂田街道格泰隆工业园</a></li>
            <li><a href="">邮箱：123456789@qq.com</a></li>

        </ul>
    </div>

    <div class="footer-list" style="margin-left: 100px;">
        <ul><img src="images/app.jpg" alt="" width="150" height="150">
            <li class="magin" id="guanzhu"><a href="">关注安骏</a></li>

        </ul>
    </div>


</div>
    <div class="footer-footer">
        © 2020-2020 AnJun DCM  All Rights Reserved 9.0 备案号：123456789

    </div>

</div>
<!--footer end!-->
</div>
<!--左侧导航JS-->
<script type="text/javascript">
    $(function() {
        var $top = $('.sec-mainNav').offset().top + $('.sec-mainNav').height()
        //左侧导航动画
        $('.sec-mainNav li').on('mouseenter', function() {
            var $height = $(this).offset().top + $(this).find('.menu-panel').outerHeight();
            $(this).find('.menu-panel').show();
            if($height - $top >= 0) {
                $(this).find('.menu-panel').css({
                    top: -($height - $top) + 'px'
                })
            };
        });
        $('.sec-mainNav li').on('mouseleave', function() {
            $(this).find('.menu-panel').hide();
        });
    });
</script>
<!--选项卡js-->
<script type="text/javascript">
    function setContentTab(name, curr, n) {
        for (i = 1; i <= n; i++) {
            var menu = document.getElementById(name + i);
            var cont = document.getElementById("con_" + name + "_" + i);
            menu.className = i == curr ? "active" : "";
            if (i == curr) {
                cont.style.display = "block";
            } else {
                cont.style.display = "none";
            }
        }
    }
</script>
<script>
    var v=new Vue({
        el : "#app",
        data :{
            hots:[],
            promotion:null
        },
        created(){
            this.hotgoods();
            axios.get("dacu/getPromotion").then(res=>{
                this.promotion=res.data;
                this.promotion.begin=new Date( Date.parse(this.begin));
                this.promotion.end=new Date(Date.parse(this.promotion.end));
                window.setInterval(()=>{
                    let ms=(this.promotion.status==0?this.promotion.begin:this.promotion.end)-new Date();
                    this.promotion.createtime=new Date(ms).toLocaleTimeString().substring(11,19);
                    this.$forceUpdate();
                },1000)

            })

        },
        methods:{
            hotgoods(){
                axios.get("http://127.0.0.1/market-goods/mgoods/queryHots").then(res=>{
                    this.hots=res.data;
                });
            },



        }

    })
</script>


</body>
</html>